/*=============== 通用样式 start ===============*/
/*按钮样式(定义整体风格)*/
.c-button--color{border:#2976f4 1px solid;background:#2976f4;}
.c-button--color .c-button__txt{color:#fff;}
.c-button--color:hover{border-color:#ea5f53;background: #ea5f53;}

.c-button--border{border:#e0e0e0 1px solid;background:#fff;}
.c-button--border .c-button__txt{color:#222;}
.c-button--border:hover{border-color:#ea5f53;background: #ea5f53;}
.c-button--border:hover .c-button__txt{color:#fff;}

.c-button--borderColor{border:#2976f4 1px solid;background:#fff;}
.c-button--borderColor:hover{border-color:#ea5f53;background: #ea5f53;}
.c-button--borderColor .c-button__txt{color:#2976f4;}

.c-input{display: inline-block; vertical-align: middle;}
.c-input .c-input__label,
.c-input .c-input__field{margin:0;display: inline-block; vertical-align: middle;}
.c-input .c-input__label{font-weight: normal;}
.c-input .c-input__field{border:#ddd 1px solid;}
::-webkit-input-placeholder {color: #ccc;font-size: 16px;}
::-moz-placeholder {color: #ccc;font-size: 16px;}
:-ms-input-placeholder {color: #ccc;font-size: 16px;}

.c-sysbutton{display: inline-block; vertical-align: middle;}
.c-sysbutton--color{border:#2976f4 1px solid;background:#2976f4;color:#fff;}

.c-select{display: inline-block; vertical-align: middle;}
.c-select__field{border:#ddd 1px solid;}

/*---------- 特别提示 ----------*/
.attention{background:rgba(240,88,80,0.05);border:#F05850 1px solid;padding:10px 20px;max-width:1280px;margin:30px auto;}
.attention .line .fa{font-size: 22px;margin-right: 10px; vertical-align: middle;color: #F05850;}
.attention .line .text{font-size: 16px;color:#222;}

/*---------- 条件盒子 ----------*/
.condition{padding:20px 0;}
.condition .c-select__field,
.condition .c-input__field,
.condition .c-sysbutton{height:42px;line-height: 42px;}
.condition .c-select__field{width:180px;}
.condition .c-input__field{width:400px;padding:0 10px;}
.condition .c-sysbutton{padding:0 40px;}

/*弹出框按钮样式*/
.c-sys-alert__button{background:#2976f4;border-color:#2976f4;}
.c-sys-confirm__button--confirm{background:#2976f4;border-color:#2976f4;}
.c-popup__button--confirm{background:#2976f4;border-color:#2976f4;}

.mt40{margin-top:40px;}
.mtb40{margin-top:40px;margin-bottom:40px;}


.site-nav>li{margin-left: 23px;}

.article-content .m-title{margin-top:40px !important;margin-bottom:25px !important;font-size:24px !important;font-weight:bold;}
.article-content .m-headline{background:#3a3e42;font-weight:bold;margin:20px 0;border-bottom: 1px solid #eee;padding:12px;color:#fff;}
.img-border{text-align:center;}
.img-border img{border:#e5e5e5 2px solid;}

.ico-cat{display:inline-block;height:14px;background:url(https://www.maoken.com/wp-content/uploads/2019/12/79e0c28d6790ca3.png) no-repeat; vertical-align:text-top;}
.ico-cat01{width:14px;background-position:0 0;}
.ico-cat02{width:28px;background-position:0 -14px;}
.ico-cat03{width:42px;background-position:0 -28px;}
.ico-cat04{width:56px;background-position:0 -42px;}
.ico-cat05{width:70px;background-position:0 -56px;}

.site-navbar{font-size:16px;}
.hot{position: absolute;top:-2px;right:-8px;display:inline-block;width:22px;height:12px;background:url(/images/hot.gif) no-repeat;}

.topbar{position:relative;top:0;left:0;right:0;margin-bottom:0;border-bottom:#EAEAEA 1px solid;font-size:12px;z-index: 1000;color:#999;}
.topbar a{color:#999;}
.topbar a:hover{color:#45B6F7;}
.topbar__inner{width:1280px;min-height:28px;margin: 0 auto;padding:6px 0;}
.topmenu{float:right;margin-top: -7px;}
.topmenu li{position:relative;float:left;}
.topmenu li:hover{z-index:2}
.topmenu a{display:block;padding:7px 0;color:#999;}

.topmenu .red{color: #FF5E52;display: inline-block;}
.topmenu .red:hover{color: #FF5E52;text-decoration: underline;}

.topbar-off .header{padding-top: 20px;}
.topbar-off .site-navbar{margin-top: -2px;}

.header{padding-top:15px;}

.sticky-icon{display: none;}

.mini{position:absolute;right:-8px;top:8px;width:6px;height:6px;border-radius:999px;background:#FF5E52;font-size:0;}

.col-lg-2dot4 {position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px;}

/* 全站通栏广告 */
.orbui-site{width: 100%;}

/* 冲掉默认的content样式 */
.content-full{width: 100%;}

/*---------- 全站通用底部 start ----------*/
.footer-contact{background:url(/wp-content/custom-images/footer_bg.png) no-repeat center top;color: #fff;}
.footer-contact .container{padding:70px 0;position: relative;}
.footer-logo{margin-bottom: 30px;}
.footer-logo img{height: 40px;}
.footer-info h3{font-size: 36px;font-weight: 600; margin-bottom: 15px;letter-spacing: 2px;}
.footer-info p{font-size: 16px;line-height: 1.6;font-size: 26px;margin-bottom: 10px;}
.footer-qrcode{position: absolute;right: 0;top:50%; transform:translateY(-50%);z-index: 1;}
.footer-qrcode .qrcodebox{margin-right: 30px;}
.footer-qrcode .qrcodebox:last-child{margin-right: 0;}
.footer-qrcode .qrcodebox__code {background: #fff;border:none;}
.footer-qrcode .qrcodebox__code img{width: 120px;height: 120px;}
.footer-qrcode .qrcodebox__title{text-align: center;font-size: 18px;}

.slidepop .c-popup__captionTxt{display: none;}
.slidepop .c-popup__close{background: #FFD7AE;width: 36px;height:36px;border-radius: 999px;right: -20px;top:30px;}
.slidepop .c-popup__close::after{display:inline-block;content: '';width:0;height:100%;vertical-align: middle;}
.slidepop .c-close{vertical-align: middle;}
.slidepop .c-popup__box{background: none;box-shadow:none;border: none;}
.slidepop .slidebox-img{display: inline-block;width: 400px;height: 416px;background:url(/images/promo/hellofont/popup.png) no-repeat center center;background-size: 100%;}
.slidepop .slidebox-img img{width: 400px;}
.slidepop .c-popup__operbox{padding:0;margin-top: -20px;}
.slidepop .c-popup__operbox .c-button--color{background: #FAD6AC;border-color: #FAD6AC;} 
.slidepop .c-popup__operbox .c-button--color:hover{background-color: #F17000;border-color: #F17000;}
.slidepop .c-popup__operbox .c-button__txt{padding:10px 70px;color:#C61126;font-size: 18px;font-weight: bold;}
.slidepop .c-popup__operbox .c-button--color:hover .c-button__txt{color:#fff;}

/* 视口宽度小于等于768px - 手机*/
@media (max-width: 768px) {
    .footer-contact .container{padding:20px 0;margin: 0 5%;text-align: center;}
    .footer-logo{margin-bottom: 15px;}
    .footer-logo img{height: 25px;}
    .footer-info h3{font-size: 18px;}
    .footer-info p{font-size: 12px;line-height: 1.5;margin-bottom: 5px;}
    .footer-info p.f18{font-size: 12px !important;}

    .footer-qrcode{position:inherit;top:auto;left: auto;right: auto;transform:translateY(0);margin-top: 25px;}
    .footer-qrcode .qrcodebox{margin-right: 15px;}
    .footer-qrcode .qrcodebox__code img{width: 80px;height: 80px;}
    .footer-qrcode .qrcodebox__title{font-size: 12px;}

    .slidepop .c-popup__box{min-width: auto;margin-left: -5px;}
    .slidepop .slidebox-img{width: 320px;height: 320px;}
    .slidepop .slidebox-img img{width: 80%;}
    .slidepop .c-popup__close{right: 0px;}
}
/*---------- 全站通用底部 end ----------*/


/*---------- 授权许可范围表格 ----------*/
.m-table{color: #222;}
.m-table tbody tr th{padding-top: 8px;padding-bottom:8px;}
.m-table tbody tr th:first-child{width: 110px;}
.m-table tbody tr th:last-child{width: 70px;}
.m-table img{width: 22px;}

@font-face {font-family: 'iconfont';
    src: url('/wp-content/themes/maoken2.0/fonts/iconfont/iconfont.eot');
    src: url('/wp-content/themes/maoken2.0/fonts/iconfont/iconfont.eot?#iefix') format('embedded-opentype'),
    url('/wp-content/themes/maoken2.0/fonts/iconfont/iconfont.woff') format('woff'),
    url('/wp-content/themes/maoken2.0/fonts/iconfont/iconfont.ttf') format('truetype'),
    url('/wp-content/themes/maoken2.0/fonts/iconfont/iconfont.svg#iconfont') format('svg');
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

.dis-flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex; -webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-webkit-justify-content: center;-moz-justify-content: center;-ms-justify-content: center;-o-justify-content: center;justify-content : center;}
.dis-flex-r{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex; -webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-webkit-justify-content: flex-end;-moz-justify-content: flex-end;-ms-justify-content: flex-end;-o-justify-content: flex-end;justify-content : flex-end;}
.dis-flex-bt{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex; -webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-webkit-justify-content: space-between;-moz-justify-content: space-between;-ms-justify-content: space-between;-o-justify-content: space-between;justify-content : space-between;}

/*头部LOGO副标*/
.header{padding-bottom:15px;}
.logo{margin-top: 5px;}
.mk-brand{float: left;text-align: center;padding:0 10px;border-left: 2px solid #eaeaea;margin-left: 8px;max-height: 42px;}
.mk-brand__sub img{width: 145px;}
.mk-brand__txt{font-size: 12px;margin-top: 2px;color:#999;}
.mk-brand__promo{position: absolute;top:-10px;left: 280px;}
.mk-brand__promo img{width: 80%;}


.num{display: inline-block;width: 32px;height: 32px;border-radius: 50%;border:2px solid #ddd;text-align: center;line-height: 28px;font-size: 14px !important;}
.longhead .fa{font-size: 20px;}
.find-password li{position: relative;padding:0 10px;}
.find-password li div{position: absolute;width: 80px;text-align: center;left: -13px;top: 40px;}
.find-password .iconlonghead {color:#ddd;font-size: 6px !important;}
.find-password li.active{color:#0084FF;}
.find-password li.active .num{border-color:#0084FF;}
.shop-find-password li div{top: 30px;}
.shop-find-password li{padding:0 10px;font-size: 14px !important;}
.shop-find-password .iconlonghead{font-size: 4px !important;}

/*全站横幅广告*/
.adbox img{width: 100%;}

/*图片高宽比4:3*/
.c-imgbox{width: 100px;background: #eee;display: inline-block; vertical-align: middle;}
.c-imgbox__inner{position: relative;padding-bottom:66.66%;}
.c-imgbox__content{position: absolute;width: 100%;height: 100%;background: #f00;}
.c-imgbox__content img{width: 100%;height: 100%;}


.recoms{min-height: 223px;}
.recoms--allfonts{margin: 0 auto;}
.recoms--allfonts .title{margin: 20px auto;}
.recoms--allfonts .title h3{font-weight: bold;}
.recoms--allfonts .recoms{min-height: 200px;}
.recoms__head{margin: 20px auto;}
.recoms__head h3{font-size:18px;font-weight: bold;}
.recoms__head h3 .iconfont{font-size:22px;color:#EF574F;}

.combox{display: block;background: #fff;border-radius: 5px;margin-bottom: 20px;box-shadow:0 0 8px rgba(0,0,0,0.1);}
.combox:hover{box-shadow:0 0 16px rgba(0, 0, 0, 0.2);}
.combox__image,
.combox__title,
.combox__subtitle,
.combox__info{display: block;}
.combox__image{margin-bottom:8px;position: relative;overflow: hidden;position: relative;}
.combox__image img{width: 100%;border-top-left-radius: 5px;border-top-right-radius: 5px;transition: opacity 0.3s ease-out, transform 0.3s ease-out;display: block;}
.combox__image a:hover img{transform: scale(1.05) rotate(0deg);}
.combox__image .thum-flag{position: absolute; top: 0; right: 0; width: 30%;}
.combox__title{font-size: 16px;font-weight: bold;padding:0 12px;position: relative;}
.combox__title time{font-size: 12px;font-weight: normal;position: absolute;right:12px;top:3px;color:#999;}
.combox__title time .fa{margin-right: 3px;}
.combox__title a,
.combox__title a:visited{color:#323232;}
.combox__title a:hover{color:#EF574F;}
.combox__subtitle{color:#8a8a8a;font-size: 12px;padding:0 12px;margin: 8px auto;}
.combox__synopsis{position: relative;font-size: 12px;margin:5px 6px;padding:7px 6px;color:#8a8a8a;border-top:#eee 1px solid;border-bottom:#eee 1px solid;}
.combox__info{font-size: 11px;padding:8px 12px 12px 12px;position: relative;}
.combox__info .info,
.combox__info .pv,
.combox__info .dl,
.combox__info .post-like{color:#999;margin-right: 8px;}
.combox__info .post-like{position: absolute;right:3px;}
.combox__info .post-like .fa{margin-right: 3px;}
.combox__info .info a,
.combox__info .info a:visited{color:#999;}
.recoms--allfonts .combox{margin-bottom: 0;}
.maoken-recom{position: absolute;top:0;right:0;display: inline-block;padding:0 5px;border-top-right-radius:5px;border-bottom-left-radius:5px;background: rgba(255,255,255,0.6);height: 16px;line-height: 16px;}
.combox__synopsis .maoken-recom{top:50%;transform: translateY(-50%);}
.combox--excerpt{min-height: 349px;}
.combox--excerpt .combox__subtitle{height: 18px;overflow: hidden;}
.combox--commerce .combox__subtitle{position: relative;}
.combox--commerce .tag{font-style: normal;margin-right:10px;}
.combox--commerce .tag--emphasize{border-color: #E1504C;color:#E1504C;}
.combox--commerce .home-get-btn,
.combox--commerce .home-get-btn:visited{position: absolute;right: 5px;display: inline-block;margin-right:5px;border:#ddd 1px solid;border-radius: 5px;padding:3px 10px;color:#222;}
.combox--commerce .home-get-btn:hover{background-color: #E1504C;color:#fff;}
.recommend{position: absolute;top:5px;right:5px;display: block;width: 30px;height: 30px;line-height: 30px;background: #E1504C;color:#fff;text-align: center;border-radius: 5px;}
.combox--english .combox__image a:hover img{transform: scale(1.02) rotate(0deg);}
.combox--special{height: 100%;box-sizing: border-box;}
.combox--special img{width: 100%;height: 100%;border-radius: 5px;}
.combox--gratuity{position: relative;}
.combox--gratuity .combox__subtitle{font-size: 12px;color:#8a8a8a;padding: 5px 12px;line-height: 1.5;margin: 0;position: relative;}
.combox--gratuity .home-get-btn,
.combox--gratuity .home-get-btn:visited{position: absolute;right: 5px;top: -15px;display: inline-block;margin-right:5px;border:#ddd 1px solid;border-radius: 5px;padding:6px 15px;color:#222;}
.combox--gratuity .home-get-btn:hover{background-color: #E1504C;color:#fff;}

.area-content--fontlist .combox{margin-bottom: 0;}
.area-content--fontlist .col-lg-3{margin-bottom: 20px;}

/*评论点赞样式*/
.cld-like-dislike-wrap{margin-bottom: 0;}

/*分页的样式*/
.paging{padding:10px 0;font-size:0;}
.paging:after{content:'\0020';display:block;height:0;line-height:0;font-size:0;clear:both;visibility:hidden;}
.paging .wp-pagenavi{font-size: 12px;text-align: center;}
.paging .wp-pagenavi a:hover, .wp-pagenavi span.current{border-color:#EF574F;color:#EF574F;}

.paginate{padding:10px 0;text-align: center;clear: both;}
.paginate:after{content:'\0020';display:block;height:0;line-height:0;font-size:0;clear:both;visibility:hidden;}
.paginate span,
.paginate a,
.paginate a:visited{display: inline-block;background: #fff;border:#eeee 1px solid;border-radius: 5px;padding:5px 10px;margin: 0 2px;}
.paginate a:hover,
.paginate .current{background-color: #E1504C;border-color: #E1504C;color:#fff;}

/*字体更新记录样式*/
.single-history{padding:0 30px;}
.single-history p{margin:6px auto;text-indent:-25px;}
.single-history li{line-height:1.5;font-size:16px;list-style: disc;}

/*通用的白色区域*/
.areabox .container{background: #fff;padding:20px;border-radius: 20px;box-shadow:0 0 8px rgba(0,0,0,0.1);min-height: 60px;}

/* 目录页通用头部 */
.archive-header {font-size: 14px;color: #ffffff; padding-top: 34px;padding-bottom: 39px;position: relative; overflow: hidden;min-height: 250px;width: 100%;}
.archive-header .bg {position: absolute;top: -50px; bottom: -50px;left: -50px;right: -50px;-webkit-filter: blur(30px);filter: blur(30px);}
.archive-header .bg .thumb-img {display: block;width: 100%;height: 100%;background-size: 150%; -webkit-transition: all 2s;-o-transition: all 2s;transition: all 2s;}
.archive-header .bg .thumb-img::after {content: ''; position: absolute;display: block; left: 0;right: 0;top: 0;bottom: 0;background-color: #000000;opacity: .3;}
.archive-header .archive-title{margin-top: 10px;}
.archive-header .other{position: absolute;right: 10px;top:10px;}
.archive-header .c-button--back{border:#fff 1px solid;background: none;border-radius: 5px;}
.archive-header .c-button--back .c-button__txt{color:#fff;font-size: 14px;}
.archive-header .c-button--back:hover{border-color: #FFD252;}
.archive-header .c-button--back:hover .c-button__txt{color:#FFD252;}

/*字体分类筛选*/
.filter{position: relative;}
.filter-promoted{position: absolute;right: 25px; top:50%; transform: translateY(-50%);width: 130px;height: 149px;}
.filter-promoted img{width: 100%;height: 100%;}
.filter-area{margin: 20px auto;}
.filter-area .filter{margin-bottom: 0;}
/*=============== 通用样式 end ===============*/

/*============= 首页 start =============*/
.home .title h3{font-weight: bold;font-size:24px;}
.home .title .more{font-size: 13px;}
.class-title{font-size: 24px;margin-bottom: 20px;font-weight: 800;position: relative;}

.title{position: relative;}
.title .iconfont{font-size: 30px;font-weight: normal; vertical-align: middle;}
.title--new .iconfont{font-size: 38px;color:#EF574F;}
.title--limitfree .iconfont{color:#0084FF;}
.title--news .iconfont{color:#49BB50;}
.title--recoms .iconfont{color:#EF574F;}
.title--recoms .change{font-size: 13px;margin-left: 10px;}
.title--authorhome .iconfont{color:#EF574F;}
.title__more{position:absolute;right:0;top:50%;transform: translateY(-50%);font-size: 13px;}
.title__more a,
.title__more a:visited{display: inline-block;border:#ddd 1px solid;padding:3px 10px;border-radius: 3px;margin-right: 5px;}
.title__more a:hover{border-color: #EF574F;}
.title__more a.selected{border-color: #EF574F;color:#EF574F;}

/*首页焦点图*/
#focusslide{border-radius: 20px;}
.focus-wrap{width: 100%;position: relative;}
.focus-wrap img{width: 100%;height: 460px;border-radius: 20px;}
.focus-buttom{width: 100%;height: 140px;position: absolute;bottom:0;left:0;background-image: linear-gradient(to bottom, rgba(246, 246, 246, 0), rgba(246, 246, 246, 100));z-index: 1;}
.swiper-container-ios{height:142px;}
.swiper-container-ios img{height:142px !important;}
.swiper-container-android{height:142px;}
.swiper-container-android img{height:142px !important;}

/*首页广告区*/
.business{margin-bottom:15px;}
.business .container{background: #fff;padding:20px;border-radius: 20px;box-shadow:0 0 8px rgba(0,0,0,0.1);}
.business img{max-width: 100%;height: 170px;border-radius: 10px;transition: opacity 0.3s ease-out, transform 0.3s ease-out;display: block;}
.business a:hover img{transform: scale(1.02) rotate(0deg);}
.advertisement img{width: 100%;max-height: 90px;}

/*字体版本更新*/
.fonts-update .new-add{margin-bottom: 25px;padding:20px;font-size:13px;border: 1px solid #eaeaea;border-radius: 10px;line-height: 1.8;}
.fonts-update .new-add a,
.fonts-update .new-add a:visited{color:#333;}
.fonts-update .new-add a:hover{color:#F05D56;}
.fonts-update .new-add strong{color:#F05D56;}
.fonts-update .new-add b{font-size: 12px !important;}

/*首页标签云*/
.tag-cloud {display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: stretch;background: #fff;border: 1px solid #eaeaea;border-radius: 10px;margin-bottom: 20px;}
.tag-cloud a,
.tag-cloud a:visited{flex-basis: calc(8.33333% - 10px); margin: 5px;padding: 3px;text-align: center;border-radius: 5px;font-size: 13px;}

/*首页区域分块*/
.area{padding:20px 0;}
.area--firstscreen{padding:0;}
.area--news .title{margin:10px 0 20px 0;padding-bottom: 2px;}
.area--listbox_pc .excerpt{border:none;border-bottom:1px solid #eeeeee;margin-bottom: 0;padding:20px 0 20px 285px;margin-right: 40px;}
.area--listbox_pc .excerpt:hover{background: none;}
.area--listbox_pc .excerpt .focus{width: 260px;height: 178px;margin-left: -285px;}
.area--listbox_pc .excerpt .focus img{width: 100%;height: 100%;border-radius: 10px;}
.area--freefonts .actived{color:#c7c7c7;}

.area-content{margin-bottom: 20px;}
.area .content{margin:0 auto;}

.area-content .c-column__item{vertical-align: top;}
.area-content .c-column--9{width: 73.7%;}
.area-content .c-column--3{width: 25.3%;}
.area-content .c-column__item .col-lg-12{padding-left:30px;padding-right:0;}

/*首页英文字体*/
.combox--english .combox__image{padding:15px 15px 0 15px;}
.combox--english .combox__image img{border-radius: 5px;}
.combox--english .flag{position:absolute;top:22px;right:15px;display: block;padding:0 5px;background: #D82C2A;color:#fff;font-size: 12px;border-top-left-radius: 3px;border-bottom-left-radius: 3px;}

/*更多*/
.getmore{text-align: center;margin:20px auto 40px auto;}
.getmore .c-button{border-radius: 3px;box-shadow: 0 10px 20px 0 rgba(255, 96, 0, 0.21);}
.getmore .c-button__txt{font-size: 16px;padding:12px 100px;}
.getmore .c-button--color{background: #F05950;border-color: #F05950;}
.getmore .c-button--color:hover{background: #BA2B14;border-color: #BA2B14;}



/*首页评论区*/
.home_comments{border:#ededed 1px solid;max-height: 500px;overflow: auto;}
.home_comments ul a {padding: 10px 15px 10px 61px;display: block;border-bottom: 1px solid #eee;overflow: hidden;position: relative;font-size: 12px;color: #999;line-height: 20px;}
.home_comments ul li:last-child a {border-bottom: none;}
.home_comments ul a:hover {color: #999;background-color: #fbfbfb;}
.home_comments strong {color: #EF574F;}
.home_comments .avatar {float: left;width: 36px;height: 36px;margin: 3px 0 0 -46px;border-radius: 50%}
.home_comments .arow {display: block;}
.home_comments .arow--say {overflow: hidden;max-height: 44px;line-height: 22px;}
/* 为特定div元素设置滚动条样式 */
.home_comments::-webkit-scrollbar {
    width: 5px; /* 设置滚动条宽度 */
    background-color: #F5F5F5; /* 设置滚动条背景颜色 */
  }
  
  /* 自定义滚动条的滑块样式 */
  .home_comments::-webkit-scrollbar-thumb {
    background-color: #dbdbdb; /* 设置滑块背景颜色 */
    border-radius: 5px; /* 设置滑块圆角 */
    background-clip: padding-box; /* 防止滑块背景溢出到边框区域 */
  }
  
  /* 自定义滚动条滑块在hover状态下的样式 */
  .home_comments::-webkit-scrollbar-thumb:hover {
    background-color: #999; /* 设置滑块背景颜色 */
  }

.lists-sprite{height: 510px;overflow:hidden;}
.lists li:last-child a {border-bottom: none;}
.lists li a {padding: 25px 0 24px 130px;color: #555;border-bottom: solid 1px #eee;overflow: hidden;position: relative;display: block;font-size: 14px}
.lists li.noimg a{padding-left: 15px;}
.lists li a:hover {background-color: #fbfbfb;}
.lists li a:hover .text {color: #FF5E52;}
.lists .text {display: block;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.lists .text span{color: #FF5E52;}
.lists a:hover .text span{color: #45B6F7;}
.lists .thumbnail {float: left;margin-left: -130px}
.lists .thumbnail img {width: 117px;height: 79.77px;border-radius: 6px;}
.lists .muted {display: inline-block;margin-top: 5px;margin-right: 15px;font-size: 12px;color: #bbb;}
.lists .nopic li a {padding: 10px 15px;}
.lists .nopic .text {margin-top: 0;color: #555;}
.lists .nopic .text:hover {color: #FF5E52;}
.lists .exerpt{font-size: 12px;color:#999;line-height: 1.5;}

.lists-sprite--videos{height: auto;}
.lists-videos .massive{padding: 25px 0 24px 130px;color: #555;border-bottom: solid 1px #eee;overflow: hidden;position: relative;display: block;font-size: 14px}
.lists-videos .thumbnail {float: left;margin-left: -130px}
.lists-videos .thumbnail img {width: 117px;height: 167px;border-radius: 6px;}
.lists-videos .readme{font-size: 12px; color: #999;display: block;margin-top: 10px;background: #f3f3f3;padding:10px;}
.lists-videos .playlist h3{font-size: 12px;font-weight: normal;background: #F9F9F9;padding:5px 5px 5px 8px;margin: 8px auto;}
.lists-videos a.btn,
.lists-videos a.btn:visited{font-size: 12px;border: #ddd 1px solid;display: block;padding:3px 0;}
.lists-videos a.btn:hover{background: #FF5E52;border-color: #FF5E52; color: #fff;}


.row-sprite .row{margin: 15px auto;}
.row-sprite--helper .col-lg-12{padding-left: 0; padding-right: 0;}

.thank-list .thank-list__item{display: block;margin-bottom: 15px;position: relative;}
.thank-list .thank-list__item img{width: 100%;border-radius: 10px;height: 80px;}




/* 视口宽度小于等于768px - 手机*/
@media (max-width: 768px) {
    .focus-wrap .container,
    .area--freefonts .container{width: 92%;margin: 0 auto;}
    .business{display: none;}
    .fonts-update{overflow: hidden;}
    .fonts-update .container{margin:15px 4%;}
    .fonts-update .new-add{margin-bottom: 0;font-size: 11px;}
    /* .split-title{display: none;} */
    .m-excerpt-cat .excerpt .cat{display: none;}
    .lists-sprite .inner,
    .row-sprite--helper{margin: 0 5%;}
    .lists li a{padding-top:10px;padding-bottom:10px;}
    .area--news .title{margin-bottom: 10px;}
    .lists-sprite{height: auto;}
    .home_comments{max-height: fit-content;}
    .tag-cloud{display: none;}
    .thank-list {margin: 0 4%;}
    .lists-sprite--videos{display: none;}
    .thank-list .thank-list__item img{height: auto;}
}

/* 视口宽度大于等于768px - 平板*/
@media (min-width: 992px) {

}

/* 视口宽度大于等于992px - 电脑*/
@media (min-width: 992px) {
    .col-lg-2dot4 {float: left;}
    .col-lg-2dot4 {width: 20%;}
    .col-lg-pull-2dot4 {right: 20%;}
    .col-lg-push-2dot4 {left: 20%;}
    .col-lg-offset-2dot4 {margin-left: 20%;}
}

/* 视口宽度大于等于1200px - 大显示器*/
@media (min-width: 1200px) {

}

/*============= 首页 end =============*/



/*============= 平价字体列表页 start =============*/
.big-head{overflow: hidden;width: 100%;height: 200px;/*background:url('/images/hd_blur_bg.jpg') center center;*/background-size: 400%;margin-top: -15px;margin-bottom: -25px;background: linear-gradient(135deg, #59E1D9, #7BAEFC, #B9AEFF, #E2B4FF, #A688EF);font-size: 0;}
.big-head-inner{overflow: hidden;height: 100%;background: linear-gradient(180deg, rgba(246,246,246,0) 0%, #f3f5f7 100%);text-shadow: 1px 1px 1px rgba(0,0,0,0.2);}
.big-head-title{max-width: 1280px;margin: 35px auto 0 auto;color: #fff;font-size: 48px;font-weight: 600;text-align: center;}
.big-head-sub{font-size: 20px;text-align: center;margin-top: 15px;color: #fff;}
.head-nav{background: #fff;border-radius: 5px;padding:20px;}
.head-nav ul li{display: inline-block;margin-right: 15px;}
.head-nav ul li.current-cat,
.head-nav ul li.current-cat a{color: #EF574F;}
.big-list{padding-bottom: 30px;}
.bigbox{overflow: hidden;background: #fff;border-radius: 10px;padding:30px;margin-top: 30px;height: 380px;}
.bigbox__title{overflow: hidden;font-weight: bold;font-size: 20px;color:#222;height: 30px;line-height: 30px;max-height: 60px;}
.bigbox__meta{position: relative;margin: 12px 0;font-size: 12px;color:#666;}
.bigbox__meta time, 
.bigbox__meta .pv, 
.bigbox__meta .pc, 
.bigbox__meta .author{margin-right: 10px}
.bigbox__meta .post-like{position: absolute;right: 0;}
.bigbox__meta .actived{color:#F05A51;}
.bigbox__bd img{width: 100%;height: 195px;border-radius: 10px;}
.bigbox__ft{position: relative;height: 60px;margin-top: 5px;}
.bigbox__ft .c-button{position: absolute;right: 0;top:9px;border-radius: 3px;}
.bigbox__ft .c-button__txt{font-size: 14px;}
.bigbox__ft .c-button--color{background: #F05950;border-color: #F05950;}
.bigbox__ft .field--worker{font-size: 14px;margin-left: 15px;}
.bigbox__price{line-height: 60px;font-size: 18px;}
.bigbox__price .field--money{font-size: 22px;font-weight: bold;color:#EF574F;}
/*============= 平价字体列表页 end =============*/

/*============= 支付页面 start =============*/
.steparea{padding-top: 15px;}
.pay-area{}
.pay-area__inner{max-width:1280px;min-height:250px;background:#fff;margin:30px auto;padding:10px 0;border-radius: 10px;}

.orderbox,
.settlement,
.settlement-info,
.settlement-submit{margin: 20px 4%;}

.orderbox__hd{position: relative;border-bottom: #ddd 1px solid;padding:15px 0;}
.orderbox__title{font-size: 16px;}
.orderbox__sub{font-size: 12px;margin-top: 5px;color:#999;}
.orderbox__more{position: absolute;right: 0;top:50%; transform: translateY(-50%);color:#0084FF;}
.orderbox__bd{padding:15px 0 0;}
.orderbox .mrow{display: table;width: 100%;}
.orderbox .mrow__item{display: table-cell;}
.orderbox .mrow__item:first-child{padding-right: 30px;}
.orderbox .mrow__item .c-button{border-radius: 2px;}
.orderbox .mrow__item .c-button__txt{font-size: 12px;padding:4px 15px;}
.orderbox .mrow__item .line{margin-bottom:12px;}
.orderbox .mrow__item .text{font-size: 14px;color:#0856bb;}
.orderbox .mrow__item label{font-weight: normal;}
.orderbox .mrow__item label .txt{margin-left: 5px; vertical-align: middle;}
.orderbox .fa{margin-right: 5px;}

.ordertable{text-align: center;}
.ordertable td{padding:10px;}
.ordertable thead td:first-child,
.ordertable tbody td:first-child{text-align: left;}
.ordertable td:first-child img{width: 100px;}
.ordertable thead td{background:#F3F3F3;}
.ordertable tbody .field--title{display: inline-block; vertical-align: middle; margin-left: 10px;}
.ordertable tbody td{border-bottom: #ddd 1px solid;padding:20px 10px;}
.ordertable tfoot td{background:#F3F3F3;padding:10px;text-align: right;}
.ordertable tfoot td .form-group{margin-bottom: 0;width: 500px;float: right;}
.ordertable tfoot td .form-group input::-webkit-input-placeholder{font-size: 12px;}
.ordertable tfoot td .form-group input::-moz-placeholder{font-size: 12px;}
.ordertable tfoot td .form-group input::-ms-input-placeholder{font-size: 12px;}
.field--ticketinfo{color: #999;}
.aedit{color:#3987FF;margin-left: 20px;}

.c-popup--popform .c-popup__box{width:600px;}
.popform{padding:20px 0;}
.popform .line{margin:20px 12% 20px 8%;}
.popform .line .c-column__item:first-child{text-align: right;padding-right: 15px;}
.popform .line .c-column__item:last-child{text-align: left;}
.popform label{font-weight: normal;}
.popform .c-input{display: block;}
.popform .c-input__field{padding:8px;width: 100%;border-color: #ddd;}
.popform input::-webkit-input-placeholder{font-size: 14px;}
.popform input::-moz-placeholder{font-size: 14px;}
.popform input::-ms-input-placeholder{font-size: 14px;}
.popform .line--popformtab{margin:0 8%;}


.settlement{border-top: #ddd 1px solid;background:#F3F3F3;padding:15px;text-align: right;margin-top:60px;}
.settlement .line{margin:10px 0;}
.settlement .field{display: inline-block;width: 80px;}

.settlement-info{text-align: right;;}

.settlement-submit{text-align: right;}
.settlement-submit .line{margin:15px 0;}
.settlement-submit .field--total{font-size: 24px;font-weight: bold;color:#ed1c24;}
.settlement-submit .c-button{border-radius: 3px;}
.settlement-submit .c-button__txt{padding:16px 60px;font-size: 18px;}

.formcheck{display: block;margin: 5px auto;padding:3px 5px;}
.formcheck__txt{margin-left: 5px;}
.formcheck:hover{background: #F6F6F6;}
.formcheck:hover .formcheck__edit{display: inline-block;}
.formcheck .mlabel{display: inline-block;min-width: 220px;}
.formcheck__edit{display:none;margin-left: 30px;}
.formcheck__edit a,
.formcheck__edit a:visited{font-size: 12px;margin-right: 10px;color: #0856bb;}
.formcheck__edit a:hover{color:#EF574F;}

.order-ready{background: #F5FBF5;border:#C6DDC6 1px solid;padding:10px 20px;max-width:1280px;margin:30px auto;}
.order-ready .line{padding-left: 80px;margin: 15px auto;}
.order-ready .line .fa{font-size: 36px;margin-right: 15px; vertical-align: middle;color: #61B958;}
.order-ready .line--ordersay{font-size: 20px;padding-left: 24px;}
.order-ready--finish{text-align: center;}
.order-ready--finish .line--ordersay{font-size:26px;}
.order-ready--finish .line{margin: 45px auto;}
.order-ready--finish .c-button{margin-right:10px ;}

.pay-item{margin:20px 4%;border:#EF4900 1px solid;}
.pay-item--tips{padding: 10px;background: #FFFDE7;line-height: 1.6;}
.pay-item__tiphead{font-size: 16px;font-weight: bold;color:#EF574F;margin-bottom:5px;}
.pay-item__tips{font-size: 13px;}
.pay-item .c-column{padding:20px;font-size:20px;}
.pay-item .c-column__item:first-child{width:5%;text-align: center;}
.pay-item__line{margin:5px auto;}
.pay-item__line--sub{font-size:14px;color: #999;}
.pay-box__payfor{margin:25px auto;padding:20px;border:#ddd 1px solid;text-align: center;}
.pay-box__money{margin:15px auto 25px auto;font-size:20px;}
.pay-box__money b{font-size: 26px;}
.pay-box__result{margin-top: 15px;font-size:16px;}
.pay-box__oper{margin-top: 15px;}
.pay-box__status{font-size:18px;}
.pay-box__untext{margin:45px auto 25px auto;font-size: 26px;}
.pay-box__unlogin{text-align: center;}

.qrcodebox{display: inline-block;}
.qrcodebox__code{display: inline-block;padding:5px;border:#ddd 1px solid;}
.qrcodebox__code img{width: 160px;height:160px;}
.qrcodebox__title{display: block;margin:15px auto;font-size:20px;}
.qrcodebox__title .fa,
.qrcodebox__title .iconfont{margin-right: 5px;font-size:28px;}
.qrcodebox--wechat .iconfont{color:#66B700;}
.qrcodebox--alipay .iconfont{color:#3A6EF7;}
.pay-oper{text-align: center;}

/*============= 支付页面 end =============*/

/*============= 英文字体 start =============*/

.loop-english-container{position:relative;padding-left:240px;margin-top: 5px;margin-bottom: 20px;overflow: hidden;}
.loop-english-container:before,.loop-product-container:after{display:table;content:"";line-height:0}
.loop-english-container:after{clear:both}
.loop-english-content{position:relative;min-height:600px}
.loop-english-side{float: left;width:220px;margin-left: -240px;overflow:hidden;}
.loop-english-filters{overflow:hidden;background-color:#fff;border: 1px solid #eaeaea;}
.loop-english-filters h3{position:relative;font-size:14px;margin:0 0;overflow:hidden;padding:15px 15px;font-weight: bold;}
.loop-english-filters h3 .fa{margin-right:5px;width:14px;height:14px;display:inline-block}
.loop-english-filters h3 .loop-english-filters-more{position: absolute;top: 0;right: 0;height: 44px;width: 44px;text-align: center;line-height: 44px;z-index: 2;cursor: pointer;display: none;}
.loop-english-filters h3 .loop-english-filters-more .fa{margin-right: 0;}
.loop-english-filters-all{font-weight: normal;float: right;font-size: 12px;color: #999;}
.loop-english-filters ul{list-style:none;margin:0;padding:0;display: block;}
.loop-english-filters ul ul{padding-left:28px}
.loop-english-filters ul li{position:relative;margin:10px 0;color:#bbb;font-size:12px}
.loop-english-filters ul li::after{position:absolute;top:10px;right:102%;left:-300px;content:'';border-top:1px dashed #e6e6e6;height:0}
.loop-english-filters ul li.active>.childrengo .faent1{display:none}
.loop-english-filters ul li.active>.childrengo .faent2{display:block}
.loop-english-filters ul li.active>.children{display:block}
.loop-english-filters ul .current-cat>a{color:#0ae;font-weight:bold}
.loop-english-filters ul a{position:relative;top:1px;font-size:14px;display:inline-block}
.loop-english-filters>ul{overflow:hidden;position:relative;padding-left:14px;margin:0 15px 15px 20px}
.loop-english-filters>ul::before{position:absolute;top:12px;left:0;bottom:10px;content:'';border-left:1px dashed #e6e6e6;width:0}


.loop-english-qrcode{background-color:#fff;border: 1px solid #eaeaea;padding: 30px 20px;margin-top: 20px;text-align: center;}
.loop-english-qrcode h4{font-size: 14px;text-align: center;margin: 0 0 15px;}
.loop-english-qrcode canvas{max-width: 100%;}

.cat-item-41{background:url(/images/colors/color41.png) no-repeat right center;}
.cat-item-43{background:url(/images/colors/color43.png) no-repeat right center;}
.cat-item-44{background:url(/images/colors/color44.png) no-repeat right center;}
.cat-item-45{background:url(/images/colors/color45.png) no-repeat right center;}
.cat-item-46{background:url(/images/colors/color46.png) no-repeat right center;}
.cat-item-47{background:url(/images/colors/color47.png) no-repeat right center;}
.cat-item-52{background:url(/images/colors/color52.png) no-repeat right center;}
.cat-item-65{background:url(/images/colors/color65.png) no-repeat right center;}


/*============= 英文字体 end =============*/

/*============= 字体大全页 start =============*/
.af-topbar{overflow:hidden;font-size:0;clear:both;}
.af-topbar__inner{position:relative;display:block;margin:0 auto;}
.af-title{margin:0 auto;padding:20px 0 20px 0;text-align:center;color:#1e1e1e;font-weight:bold;font-size: 38px;}
.af-title a,
.af-title a:visited{color:#1e1e1e;}
.update-time{position:relative;margin-bottom:25px;/*margin-top:-65px;margin-bottom:40px;*/text-align:center;font-size:18px;font-weight:bold;color:#Fe5e52;}
.af-adbox{height:90px;margin:15px auto 0 auto;text-align:center;background: #fff;}

.af-box{position:relative;margin:0 auto;}
.af-box--dongtai .container{background: #fff;padding:10px 25px 5px 25px;border-radius:5px;border:#dcdcdc 1px solid;}
.new-add{padding:10px 0;border-bottom:#dcdcdc 1px dotted;font-size:15px;line-height:1.6;color:#333;}
.new-add a,
.new-add a:visited{color:#Fe5e52;}
.new-add a:hover{color:#2a66c8;}
.af-box--dongtai .new-add:last-child{border-bottom: none;}
.downall-box{padding:10px 0;text-align:left;}
.downall-box strong{font-size:15px;color:#333;}
.downall{display: inline-block;margin-right: 5px; padding:5px 8px 5px 5px;border:#dcdcdc 1px solid;border-radius:5px;}
.downall__icon,
.downall__txt{display: inline-block;height: 30px; vertical-align: middle;}
.downall__icon{width: 32px;background:url(/images/zip.png) no-repeat;}
.downall__txt{line-height: 30px;margin-left:5px;font-size:14px;color:#666;}
.downall:hover{border-color:#Fe5e52;background:#Fe5e52;}
.downall:hover .downall__txt{color:#fff;}
.downall__date{color:#c4c4c4;font-weight: normal;}

.af-sprite{overflow:hidden;padding-bottom:30px;}
.af-content{position:relative;max-width:1280px;min-width:1000px;margin:10px auto;background:#fff;}
.af-content__inner{padding:25px;}

.af-headline,
.af-tab{margin: 0 auto;background: #F7F7F7;}
.af-headline{margin:0 auto 0 auto;padding:20px 0;text-align:center;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.af-headline__decorate,
.af-headline__title{display:inline-block;vertical-align:middle;margin:0 10px;font-size:34px;font-weight:bold;}
.af-headline__decorate{width:50px;height:20px;background:url(/images/decorate.png) no-repeat;background-size:100%;}
.af-tab{padding:0 0 20px 0;}
.af-tab__inner{width:50%;margin:0 auto 0 auto;}
.af-tab .c-basetab__item{width:33.33%;}
.af-tab .c-basetab__txt{font-weight: bold;}
.af-tab .c-basetab__item:last-child .c-basetab__link--current{background:#366adf;}

.allfonts{border-collapse:collapse;border-spacing:0;background:#fff;min-width:1280px;}
.allfonts tr:hover{background:#fefce5;}
.allfonts .highlight{background:#f9f9f9;}
.allfonts .highlight:hover{background:#fefce5;}
.allfonts th,
.allfonts td{height:28px;line-height:28px;padding:3px;border:#dcdcdc 1px solid;text-align:center;color:#222;font-weight:normal;font-size:13px;}
.allfonts thead th,
.allfonts thead td{padding:6px 0;background:#f7f7f7;color:#1e1e1e;font-weight:bold;}
.allfonts .areas th,
.allfonts .areas td{padding:5px;background:#fe5e52 !important;font-size:16px;font-weight:bold;font-size:0;line-height:0;text-align:center;}
.allfonts .areas--01 th,
.allfonts .areas--01 td{background:#366adf !important;}
.allfonts .areas--02 th,
.allfonts .areas--02 td{background:#21A366 !important;}
.allfonts .areas__class{color:#fff;padding:15px;font-size:18px;}
.allfonts td em{font-style:normal;font-weight:bold;}
.allfonts .text{display: block;height: 34px;line-height: 34px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.allfonts .text--series{max-width: 90px;}
.allfonts .text--font_ps{max-width: 150px;}
.allfonts .text--font_publish{max-width: 120px;}
.allfonts .text--font_version{max-width: 150px;}
.allfonts a,
.allfonts a:visited{color:#fe5e52;}
.allfonts .f2024{font-weight:bold;color:#fe5e52;}
.allfonts .f2025{font-weight:bold;color:#fe5e52;text-shadow: 0 0.5px #FCF000, 0.5px 0 #FCF000, -0.5px 0 #FCF000, 0 -0.5px #FCF000;}


/* 表头浮动 */
.thead-float{overflow: hidden;position: fixed; top: 71px;z-index: 100;width: 1320px;}

/* 滚屏浮动框 */
.float-layout{display:none;position:fixed;top:62px;left:50%;width:1280px;margin-left:-640px;background:#fff;z-index:1;}
.float-layout__inner{padding:0 25px;}

/*浮动导向打赏按钮*/
.siderfloat{position:fixed;left:50%;top:253px;margin-left:660px;width:35px;}
.siderfloat__click{display:block;height:115px;background:url(/images/siderfloat.png);}
.siderfloat__quick{display:inline-block;width:35px;background:#eee;border-bottom:#c9c9c9 1px solid;text-align:center;}
.siderfloat__txt{display:block;width:20px;margin:0 auto;padding:10px 0;line-height:1.2;font-weight:bold;}

/*图文页*/
.af-box--fontimgs{background:none;box-shadow:none;}
.fontimgs{margin: 0 auto;}
.fontimgs__hd{text-align:center;margin:0 auto 30px auto;}
.fontimgs__hd img{width:260px;}
.fontimgs__bd{overflow:hidden;width:1280px;}
.fontimgs__list{width:1400px;}
.fontimgs__list li{float:left;margin:0 15px 15px 0;}
.fontimgs__list img{width:243px;height:167px;}

.allfonts-float{position:fixed;bottom: 0; width: 100%;  z-index: 999;text-align: center;}
.allfonts-float img{width: 40%;}
@media(max-width:768px){
    .allfonts-float{display: none;}
}


/*手机设备显示*/
@media (max-width:768px){
	.af-title{padding-left:5%;padding-right:5%;padding-top: 20px;font-size:18px;}
	.update-time{font-size: 14px;}
	.af-adbox{margin-top:0;}
    .recoms--allfonts{display: none;}
    .new-add{font-size: 11px;}
	.new-add:nth-child(2){display: none;}
	.new-add:nth-child(3){display: none;}
    .af-headline__title{font-size: 20px;}
	.downall-box{display: none;}
	.af-tab{width:100%;}
    .af-tab__inner{width: 92%;}
    .af-tab .c-basetab__txt{font-size: 10px;font-weight: normal;vertical-align: middle;}
    .c-basetab--edging .c-basetab__link{height:30px;line-height: 30px;}
}
/*============= 字体大全页 end =============*/

/*============= 字体大全_预览版 start =============*/
.previews{}
.previews__item{float: left;}
.loop-product-content--preview{min-height:100px;font-size: 0;}


.cat-current{}
.cat-current a,
.cat-current a:visited{color: #EF574F;font-weight: bold;}
/*============= 字体大全_预览版 end =============*/

/*============= 字体列表 start =============*/
.category-fontsall{background: #fff;}
.page-template-allfonts_preview{background: #fff;}
.filter__label{font-size: 12px;}
.filter .arow{margin:15px auto;}
.filter .tag{display: inline-block;padding:2px 10px;font-weight: normal;font-size: 12px;cursor: pointer;}
.filter .active{background: #ffe6e6;color: #e50000;}

.filter--guide{padding:0 25px;background: #fff;border:#eaeaea 1px solid;border-radius: 10px ;margin-bottom: 30px;}
.filter--guide .filter__label{font-weight: bold;}

.toolbar{background: #F8F9FB;padding:15px;}
.toolbar .font-preview-input{display: block;width: 100%;height: 32px;line-height: 32px;}
.toolbar .range{position: relative;}
.toolbar .btn-sm{width: 100%;}

.filter-ranking{position: relative;}
.filter-ranking h3{font-size: 16px;padding:20px 0;}
.filter-ranking .operate{position: absolute;right:0;top:50%;transform: translateY(-50%);}
.filter-ranking  .tag{display: inline-block;border:#ddd 1px solid;padding:3px 10px;border-radius: 3px;margin-right: 5px;font-weight: normal;cursor: pointer;}
.filter-rankinge .tag:hover{border-color: #EF574F;color:#EF574F;}
.filter-ranking .active{color:#e50000;}

.fontbox{background: #F8F9FB;margin: 20px auto;padding:20px;}
.fontbox__hd{position: relative;}
.fontbox__bd{margin-top: 10px;height: 96px;overflow: hidden;}
.fontbox__bd--show{height: auto; overflow: auto;}
.fontbox__bd img{width: 100%;max-height: 96px;}
.fontbox__title{display: inline-block;padding:6px 0;font-weight: bold;font-size: 20px; vertical-align: middle;}
.fontbox__title a,
.fontbox__title a:visited{display: inline-block;vertical-align: middle;}
.fontbox__info{display: inline-block; font-size: 12px; vertical-align: middle;position: absolute;top:8px; right: 100px;}
.fontbox__info .info{position: relative; display: inline-block; margin:0 10px;}
.fontbox__switch{cursor: pointer;}
.fontbox__switch i:hover{color:#E1504C;}

.fontbox__oper{position: absolute;top:0;right:0;display: inline-block;}
.fontbox__oper .c-column__item{padding:0 5px;box-sizing: border-box;}

/*============= 字体列表 end =============*/


/*============= 文章页 start =============*/
.article-title{font-weight: bold;}
.article-meta{margin-top:10px;}

.page-id-2354 .article-title,
.page-id-1193 .article-title{font-weight:bold;font-size:30px;}

.article-content blockquote{background: #FAFAFA;margin:30px 0;padding:25px 80px 30px 25px;border:none;color:#525252;border-radius: 10px;line-height: 1.9;}

.has-fixed-layout:first-child{display: none;}

.downloadwrap{margin:30px 0;text-align:center;}
.downloadbtn{display:inline-block;padding:10px 80px;border-radius:999px;background:#39af37;font-size:16px;font-weight:bold;color:#fff !important; text-decoration:none !important;}
.downloadbtn:hover{background:#f85f4f;}
.download-button{display:inline-block;padding:10px 80px;border-radius:999px;background:#39af37;font-size:16px;font-weight:bold;color:#fff !important; text-decoration:none !important;}
.download-button:hover{background:#f85f4f;}

/*下载字体弹窗*/
.download-fonts{width:550px;}
.downlinks{width: 550px;}
.downlinks a,
.downlinks a:visited{color:#1a1af2;}
.downlinks a:hover{color:#f85f4f;}
.downlinks__adsense{background: #eee;height: 90px;text-align: center;}
.downlinks__item{margin:25px auto 15px auto;text-align:left;padding:0 15%;}
.downlinks__title{margin:15px auto;font-weight:bold;font-size:16px;}
.downlinks__title--bd{margin-top:30px;}
.downlinks__title em{margin-left:5px;font-style:normal;font-size:14px;}
.downlinks__link{margin:10px auto;word-break:break-all;}
.downlinks__pwd{overflow:hidden;position:relative;height:30px;}
.downlinks__copy{margin-left:5px;}
.downlinks__textarea{position:absolute;bottom:100px;overflow:hidden;width:50px;height:25px;margin-left:5px;border:none;vertical-align:middle;}

/*引导公众号下载字体弹窗*/
.wechat-fonts-qrcode{padding:10px 0;}
.wechat-fonts img{width: 200px;}
.wechat-fonts b{color:#EE5751;}
.wechat-fonts-txt{padding:0 20px;}

.c-popup .fa-close{font-size:24px;}

.reward-fonts{width:550px;}
.reward-say{margin:15px auto;font-size: 18px;}
.reward-say__text{font-weight:bold;}
.reward-say__money{margin-top:8px;}
.reward-con{position: relative;margin:10px auto;}
.reward-code{display: inline-block;background: #1AA034;padding:10px;border-radius: 5px;}
.reward-code img{width: 130px;height: 130px;}
.reward-illustrator{position: absolute;top:40px;right:21%;}
.reward-illustrator img{width: 120px;}
.reward-no{margin:20px auto;}
.reward-no a,
.reward-no a:visited{color:#2D32E3;font-size: 14px;}
.likes{display: inline-block;width:140px;min-height: 160px;border:#eee 2px solid;cursor: pointer;}

.m-group{padding:25px;}

/* .downloadbtn{display:inline-block;padding:10px 80px;border-radius:999px;background:#39af37;font-size:16px;font-weight:bold;color:#fff !important; text-decoration:none !important;}
.downloadbtn:hover{background:#f85f4f;} */

.floatbox{overflow: hidden;position: fixed; bottom: 0;left:50%;width:900px;margin-left:-640px;margin-bottom:0;padding:15px 0;background-color:rgba(0,0,0,0.6);text-align:center;z-index: 100;}
.floatbox a{display:inline-block;padding:10px 80px;border-radius:999px;font-size:16px;font-weight:bold;color:#fff; text-decoration:none;margin-right:10px;vertical-align: middle; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.floatbox a:hover{background:#f85f4f;color:#fff;}
.floatbox--1 a{padding:12px 80px;}
.floatbox--2 a{padding:12px 60px;}
.floatbox--3 a{padding:12px 50px;}
.floatbox--4 a{padding:12px 30px;}
.floatbox--5 a{padding:12px 30px;margin-bottom:8px;}
.floatbox--6 a{padding:12px 20px;margin-bottom:12px;}
.floatbtn--blue{}

@media (max-width:768px){
	.floatbox{width:100%;margin:0;left:0;}
	.floatbox .downloadbtn{margin-bottom:10px;}
}

/* .buyfloat{overflow: hidden;position: fixed; bottom: 0;left:50%;width:900px;margin-left:-640px;margin-bottom:0;padding:15px 0;background-color:rgba(0,0,0,0.6);text-align:center;z-index: 100;} */

/*字体预览功能*/
.fontprew-box{margin-bottom:20px;}
.fontprew{display: table;width:100%;}
.fontprew__input,
.fontprew__fontweight,
.fontprew__fontsize,
.fontprew__oper{display: table-cell;vertical-align: middle;}
.fontprew__input{width:55%;}
.fontprew__fontweight{width:15%;}
.fontprew__fontsize{width:15%;}
.fontprew__oper{width:15%;}
.fontprew__input input,
.fontprew__fontweight select,
.fontprew__fontsize select,
.fontprew__operBtn{display: block;width:100%;height:34px;line-height:34px;border:#e0e0e0 1px solid; vertical-align: middle;}
.fontprew__input input{text-indent: 0.5em;}
.fontprew__fontsize select{}
.fontprew__operBtn{background:#EF574F;border-color: #EF574F;text-align:center;color:#fff;}
.fontprew__result{border:#e0e0e0 1px solid;border-bottom:none;cursor:pointer;}
.fontprew__result img{margin:0;}
.fontprew__input input::-webkit-input-placeholder{color:#c8c8c8;}
.fontprew__input input::-moz-placeholder{color:#c8c8c8;}
.fontprew__input input:-moz-placeholder{color:#c8c8c8;}
.fontprew__input input:-ms-input-placeholder{color:#c8c8c8;}

.article-ads{position:relative;margin-right:380px;text-align: center;font-size:0;}
.orbui-post-01{margin-bottom:15px;}

.epreview{}
.epreview__fontweight{margin:20px auto;}
.epreview__label{font-size: 16px;font-weight: bold;}
.epreview__fontweight select{width: 260px;height:34px;line-height:34px;border:#e0e0e0 2px solid; vertical-align: middle;}
.epreview .epreview-single,
.epreview .epreview-example{margin: 20px auto;}

/*打赏作者功能*/
.reward{position:fixed;top:150px;left:0;width:110px;text-align: center;background: #fff;z-index: 101;}
.reward__hd{font-size:14px;font-weight: bold;}
.reward__bd{}
.reward__bd img{width:90%;margin:0 auto;}

/*字体计数表*/
.character{padding:0 15px;}
.character .row div{padding:0;}
.character table th,
.character table td{padding:2px 15px;}
.character table tbody td{padding:0 15px;}
.character table .character-headline{font-size: 14px;text-align: left;}
.character table .character-count{text-align: right;}
.character .character-count{width: 120px;}
.character .character-table{margin: 0 auto;}
.character .character-row{position: relative;}
.character .ratio,
.character .ratio em{border-radius: 999px;font-size: 0;line-height: 0;}
.character .ratio{position: absolute;right: 0;top:10px;display: inline-block;width: 70px;height: 5px;background: #eee;}
.character .ratio em{display: inline-block;height: 100%;}
.character .ratio--unenough em{background-color: #bcbcbc;}
.character .ratio--enough em{background-color: #45AE4C;}
.character .character-table--gbk thead th{padding:5px 15px;}
.character .character-table--cjk tbody td{padding:5px 15px;}
.character-headline--filed{text-align: right;}
.character-total-title{font-size: 16px;}
.character-total-count{color:#ed1c24;}
.character-total-count span.f-gray{color: #888888;}
.character sup{font-size: 11px !important;}
.character table a,
.character table a:visited{text-decoration: none;color: #222;}

@media(max-width:768px){
    .character{padding: 0;}
    .character .ratio{display: none;}
    .character table th,
    .character table td{padding:2px 5px !important;font-size: 10px;line-height: 1.5;}
    .character table .character-standard{width: 30%;}
    .character table .character-headline{font-size: 12px;}
}


.floatsprite{overflow: hidden;position: fixed; bottom: 0;left:50%;width:900px;margin-left:-640px;margin-bottom:0;padding:15px 0;background-color:rgba(0,0,0,0.6);text-align:center;z-index: 100;}
.floatsprite .c-button{margin-right: 10px;}
.floatsprite .c-button:last-child{margin-right: 0;}
.floatsprite .c-button:hover{background-color: #F85F4F;border-color: #F85F4F;}
.floatsprite .c-button__txt{padding:12px 50px;font-weight: bold;}
.floatsprite--1 .c-button{padding:12px 80px;}
.floatsprite--2 .c-button{padding:12px 60px;}
.floatsprite--3 .c-button{padding:12px 50px;}
.floatsprite--4 .c-button{padding:12px 30px;}
.floatsprite--5 .c-button{padding:12px 30px;margin-bottom:8px;}
.floatsprite--6 .c-button{padding:12px 20px;margin-bottom:12px;}

@media (max-width:768px){
    .floatsprite{width: 100%;left:0;margin-left: 0;}
    .floatsprite .c-button{display: block;margin:0 5% 10px 5%;}
    .floatsprite .c-button:last-child{margin-bottom: 0;margin-right: 5%;}
    .floatsprite .c-button__txt{font-size: 14px;padding:10px 0;}
}

/*---- 演示字体文章内页 ----*/
.single .single-focus{max-width: 1320px;margin: 20px auto;}
.single .single-focus .swiper-wrapper img{border-radius: 20px;}
.single .single-promo{margin: 20px auto;}
.single .single-promo img{border-radius: 20px;}

.sell-focus{clear:both;margin-bottom: 20px;}
.sell-focus::after{content:'\0020';display:block;height:0;line-height:0;font-size:0;clear:both;visibility:hidden;}
.sider-sell{float: left;margin-left: -360px;width: 360px;position: relative;}
.sider-sell__inner{width: 360px;padding:0 20px;background-color: #fff;border-radius: 10px;}
.sider-sell--float{position: fixed;top:80px;}

.s-sidebox{overflow: hidden;}
.s-sidebox__hd{padding:15px 0 5px 0;}
.s-sidebox .c-button{display: block;margin:15px auto;border-radius: 5px;}
.s-sidebox .c-button--color{background-color: #F05951;border-color: #F05951;}
.s-sidebox .c-button--color:hover{background-color: #B00000;border-color: #B00000;}
.s-sidebox--info{padding-bottom:15px;}
.s-sidebox--info .s-sidebox__bd{background: #f5f5f5;margin-top: 10px;font-size: 12px;padding:10px;border-radius: 5px;}
.s-sidebox--info .s-sidebox__bd .mrow{padding:6px 0;border-bottom: #eee 1px solid;position: relative;}
.s-sidebox--info .s-sidebox__bd .mrow:last-child{border-bottom: none;}
.s-sidebox--info .s-sidebox__bd .mrow .field{position: absolute;right: 0;}
.s-sidebox .alert-warning{font-size: 12px;padding: 10px;margin-bottom: 15px;}
.s-sidebox a.getbuy,
.s-sidebox a.getbuy:visited{position: relative;display: block;border: #ddd 1px solid;border-radius: 5px;margin:15px auto;padding:15px;color: #555;}
.s-sidebox a.getbuy:hover{border-color: #F05951;color:#F05951;}
.s-sidebox .getbuy__price{position: absolute;right: 15px;top: 50%;font-weight: normal;transform: translateY(-50%);}
.s-sidebox .field--money{font-size: 26px;}

.selectbox{border: #ddd 1px solid;border-radius: 5px;margin:15px auto;padding:5px 15px;cursor: pointer;}
.selectbox--selected{border-color: #F05951;color:#F05951;}
.selectbox .c-column__item:last-child{text-align: right;}
.selectbox .mrow{margin:3px auto;}
.selectbox .field--money{font-size: 26px;}
.selectbox--selected .fa::before{content: "\f14a";}

.s-sidebox-readme{}

.font-slogan{min-height: 100px;background: #202020;margin:-15px auto 15px;}
.font-slogan__inner{max-width: 1280px;margin: 0 auto;color: #fff;}
.font-slogan__content{padding:100px 20px;}
.font-slogan__content h1{font-size: 52px;margin:0 0 30px;font-weight: bold;}
.font-slogan__content .subtext{font-size: 22px;}

.single-post .content{padding-top:30px;border-radius: 20px;border:none;}

.font-slogan{min-height: 100px;background: #202020;margin:-15px auto 15px;}
.font-slogan__inner{max-width: 1280px;margin: 0 auto;color: #fff;}
.font-slogan__content{padding:100px 20px;}
.font-slogan__content h1{font-size: 52px;margin:0 0 30px;font-weight: bold;}
.font-slogan__content .subtext{font-size: 22px;}

.single-post .content{padding-top:30px;border-radius: 20px;border:none;}

.font-name{margin-bottom: 15px;position: relative;}
.font-name__title{font-size: 24px;}
.range{position: absolute;right: 0;top:0}
.range .txt,
.range input{display: inline-block; vertical-align: middle;}
.range input{margin: 0 10px;}

.font-preview{border:#ddd 1px solid;border-radius: 10px;box-sizing: border-box;padding:30px;margin-bottom: 30px;}
.font-preview-img img{text-align: left;transform-origin:letf top;margin: 0;}
.font-preview-oper{margin-top: 25px;}
.font-preview-oper input,
.font-preview-oper select{display: block;width:100%;height:34px;line-height:34px;border:#e0e0e0 1px solid; vertical-align: middle;box-sizing: border-box;}
.font-preview-oper .font-preview-input{padding:0 10px;}
.font-preview-oper .preview_submit{background:#EF574F;border-color: #EF574F;text-align:center;color:#fff;}

.for-readme{margin-bottom: 30px;}

.vip-get-license{padding:0 30px;}
.vip-get-license-manage{text-align: right;position: absolute;top:13px;left:120px;}
.vip-get-license-manage a,
.vip-get-license-manage a:visited{color: #4E6EF2;}
.vip-get-license-manage a:hover{color:#FE6054;}
.vip-geted-license h5{padding:15px 0 10px 0;margin-bottom: 10px;border-bottom:#ddd 1px solid;font-weight: bold;}
.vip-geted-license p{margin:5px 0;}
.vip-get-license .emphasize{color:#FE6054;}

.get-share-pop{margin: 0 5%;}

@media (max-width: 720px) {
    .single-head{margin-top: 2.0rem;}
    .single-post .content{border-radius: 1.0rem;margin-top: -3.0rem;padding:1.5rem;}
    .font-preview{padding:1.0rem;margin-bottom: 2.0rem;}
    .font-name__title{font-size: 1.6rem;}
    .article-content{font-size: 1.5rem;}
    .article-content p, .article-content h2, .article-content h3, .article-content h4{margin-bottom: 1.0rem;}
    #respond{padding-bottom: 1.0rem;}

    .sider-sell__inner{width: 100%;}
}

/*============= 文章页 end =============*/

/*============= 捐赠广告页 start =============*/
.donate-area{width:1200px;min-height:550px;background:#fff;margin:30px auto;}
.donate-area__inner{overflow:hidden;width:1100px;margin:0 auto;padding-bottom:30px;}

.donate-block{margin:30px auto;}
.donate-block--gray{margin:45px auto;padding:20px 0;background:#f6f6f6;}
.donate-title{font-size:36px;font-weight:500;text-align:center;}
.donate-readme{margin-top:15px;font-size:16px;text-align:center;line-height:1.8;}
.donate-thanks{margin-top:25px;font-size:14px;text-align:center;}

.donate{margin-top:30px;}
.donate__inner{}
.donate__list:after{content:'\0020';display:block;height:0;line-height:0;font-size:0;clear:both;visibility:hidden;}
.donate__item{float:left;width:25%;}
.donate__btn,
.donate__btn:visited{position:relative;display:block;width:90%;margin:0 auto;padding:60px 0;background:#f5f9fe;border-radius:10px;border:2px solid #e5edf8;text-align:center;color:#000;}
.donate__money,
.donate__tips{display:block;text-indent:90px;}
.donate__money{margin-bottom:5px;font-size:30px;font-weight:bold;}
.donate__tips{color:#797979;}
.donate__img{display:block;position:absolute;bottom:0;left:0;width:247px;height:186px;}
.donate__img--01{background:url(/images/donate01.png) no-repeat;}
.donate__img--02{background:url(/images/donate02.png) no-repeat;}
.donate__img--03{background:url(/images/donate03.png) no-repeat;}
.donate__img--04{background:url(/images/donate04.png) no-repeat;}

.c-popup--donate{}
.c-popup--donate .c-popup__box{min-width:680px;min-height:515px;}
.c-popup--donate .c-popup__conbox{height:395px;}
.donatepay{}
.donatepay img{height:395px;}

.myads{text-align:center;}
.myads__inner{display:inline-block;margin:20px auto;padding:20px;border:#eee 1px solid;background:#fff;}

.mydomain{margin-top:30px;}
.mydomain__inner{}
.mydomain__list:after{content:'\0020';display:block;height:0;line-height:0;font-size:0;clear:both;visibility:hidden;}
.mydomain__item{float:left;width:33.33%;margin-bottom:30px;}
.mydomain__btn,
.mydomain__btn:visited{position:relative;width:90%;margin:0 auto;padding:10px 0;display:block;height:150px;border:#E8E8E8 1px solid;border-radius:5px;}
.mydomain__link,
.mydomain__readme,
.mydomain__intro,
.mydomain__price{display:block;margin:8px 20px;}
.mydomain__link{color:#1377dc;font-size:20px;}
.mydomain__readme{margin-top:0px;line-height:1.5;}
.mydomain__readme em{font-style:normal;}
.mydomain__price{position:absolute;bottom:15px;left:20px;font-size:22px;margin:0;}
.mydomain__buy{position:absolute;bottom:15px;right:15px;display:inline-block;border:#E8E8E8 1px solid;padding:5px 10px;border-radius:5px;display:none;}
.mydomain__btn:hover{border-color:#f85f4f;}
.mydomain__btn:hover .mydomain__buy{display:inline-block;color:#333;}
.mydomain__btn:hover .mydomain__link{color:#f85f4f;}
/*============= 捐赠广告页 end =============*/

/*============= 生成字体证书 start =============*/
.certificate-headline{margin:40px auto 0 auto;text-align: center;font-size:38px;font-weight: bold;}
.certificate-area .container{min-height:550px;background:#fff;margin:30px auto;border-radius: 15px;padding-bottom:30px;}
.certificate-area .operate{margin:20px auto;text-align: center;}
.certificate-area .operate .c-button{width:200px;margin: 0 10px;}

.combox--cert .combox__operate{text-align: center;padding:5px 15px 15px 15px;}
.combox--cert .combox__operate .c-button{display: block;border-radius: 5px;}
.combox--cert .combox__operate .c-button__txt{font-weight: bold;}

.certificate-fonts{margin:0 auto;padding:0 50px;}
.certificate-fonts__target{margin:20px auto;font-size:20px;text-align: center;}
.fontimgs--certificate{text-align: center;}
.fontimgs--certificate .fontimgs__list,
.fontimgs--certificate .fontimgs__bd{width:100%;}
.fontimgs--certificate img{width:90%;height:auto;}
.fontimgs--certificate li{display: inline-block;width: 183px;border:#eee 1px solid;padding-top:8px;}
.fontimgs--certificate li:hover{border-color:#EA5F53;}
.fontimgs__txt{display: block;padding:8px 0;color:#222;}
.fontimgs__txt:hover{color:#EA5F53;font-weight: bold; cursor: pointer;}
.fontimgs__txt i{margin-right: 5px;}

.certificate{margin:0 20%;text-align: center;}
.certificate .c-input{display: block;}
.certificate .c-input__field{display: block;width:100%;padding:15px;margin:15px auto;border-radius: 5px;border:#cacaca 2px solid;background:#fff;font-size:22px;box-sizing: border-box;}
.certificate__target{margin:20px auto;font-size:20px;}
.certificate__tips{padding:10px;border:#ffb554 1px solid;border-radius:3px;background:#fffde8;font-size:14px;text-align: left;line-height: 1.8;}
.certificate__tips a,
.certificate__tips a:visited{color: #F05D56; text-decoration: underline;}
.certificate__smalla,
.certificate__smalla:visited{color: #F05D56; text-decoration: underline;font-size:14px;}
.certificate .c-input--certinfocode{position: relative;}
.certificate .c-input--certinfocode  .howto,
.certificate .c-input--certinfocode  .howto:visited{position: absolute;right: 15px;top:23px;}
.cannot-cert{margin-top: 15px;}
.certinfo-code{padding:5px 20px;text-align: left;}
.certinfo-code p{margin: 8px auto;}
.certinfo-code a,
.certinfo-code a:visited{color:#0079BA;text-decoration: underline;}
.certinfo-code a:hover{color: #F05B53;}

.certificate-target{width:100%;margin:30px auto;text-align: center;}
.certificate-target img{width:100%;}
.certificate-target .operate .c-button__txt{padding:0 100px;}

.certbox{position: relative;overflow: hidden;width:1000px;height:1415px;margin:0 auto;box-shadow: 0 0 15px #eee;text-align: left;font-family: Simsun;}
.certbox__inner{position: absolute;top:200px;left:50%;width:740px;height:1415px;margin-left:-370px;color:#222222;}
.certbox__headline{margin-bottom:34px;text-align: center;font-size:44px;font-weight: bold;}
.certbox h2{font-size:22px;margin-top:25px;margin-bottom:15px;font-weight: bold;}
.certbox h3{font-size:19px;font-weight: bold;margin:20px auto;}
.certbox p{font-size: 18px;line-height: 1.5;}
.certbox em{font-style: normal;font-weight: bold;}
.certbox .certbox__big{font-size:20px;margin:10px auto;}
.certbox .field--name,
.certbox .field--phone{text-decoration:underline;font-weight: bold;}
.certbox .field--id{position: absolute;right:0px;top:-80px;font-size:16px;}
.certbox .field--time{position: absolute;left:540px;top:1050px;font-weight: bold;}
.certbox__inner--fontquan{font-size:18px;font-weight: bold;}
.certbox__inner--fontquan .field--name,
.certbox__inner--fontquan .field--phone{text-decoration:none;font-weight: bold;font-size:18px;}
.certbox__inner--fontquan .field--name{position: absolute;top:183px;left:130px;}
.certbox__inner--fontquan .field--phone{position: absolute;top:213px;left:160px;}
.certbox__inner--fontquan .field--fontname{position: absolute;top:300px;left:230px;font-size:20px;}
.certbox__inner--fontquan .field--time{top:975px;}


.certificate-result{text-align: center;}
.certificate-result__img{width:1000px;margin:30px auto 0 auto;box-shadow: 0 0 15px #eee;}
.certificate-result__img.certificate-result img{width: 100%}
.certificate-result .operate{margin-top:30px;}
/*============= 生成字体证书 end =============*/

/*============= 英文字体页 start =============*/
.en-ads{position:relative;margin-right:0;margin-bottom:15px;min-height:90px}
.loop-product-content .loop-item .ireads{font-size:12px;color: #b6b6b6;margin-left:8px;}

.enpreview {margin: 0 auto 10px auto;min-height: 460px;}
.enpreview::after{content:'\0020';display:block;height:0;line-height:0;font-size:0;clear:both;visibility:hidden;}
.enpreview .swiper-container {max-height: 460px;}
.enpreview .swiper-container img {width: 100%;height: 100%;}
/*============= 英文字体页 end =============*/

/*============= 会员中心 start =============*/
.userheadline{}
.userheadline__title{display: inline-block; padding:0 0 20px 10px;font-size:22px;font-weight: bold;}
.favempty{}
.myfavorite .wpfp-span .wpfp-img{display: none;}
.myfavorite .wpfp-span .wpfp-link{position:absolute;right:0;top:5px;}
.myfavorite-list{position: relative;}
.myfavorite-list .remove-parent{position:absolute;top:0 !important;right:0;display: inline-block;padding:2px 15px;background: #ccc;color:#fff;font-size:12px;z-index:9;}
.myfavorite-list .remove-parent:hover{background:#F2746D;}

.mycert-list td{border:#eee 1px solid;padding:8px 0;text-align: center;}
.mycert-list thead td{font-weight: bold;background: #F7F7F7;}
.mycert-list a,
.mycert-list a:visited{color:#EE5B55;}
.mycert-list .c-button__txt{padding:4px 15px;font-size: 12px;}

.mymoney{position: relative;margin-bottom:15px;font-size:18px;}
.mymoney__info,
.mymoney__oper{display: inline-block; vertical-align: middle;}
.mymoney__oper{position: absolute;right:0;top:0;}
.mymoney .c-button{ vertical-align: middle;}
.mymoney .c-button__txt{font-size: 14px;padding:4px 15px;}
.myreward .userheadline__title{margin-left: 0;}
.myreward .c-button--colorRed{border:#e70012 1px solid;background:#e70012;}
.myreward .c-button--colorRed .c-button__txt{color:#fff;}

.c-popup--writewx{}
.c-popup--writewx .c-input,
.c-popup--writewx .howmany,
.c-popup--writewx .moneytips{width: 90%;margin:15px auto;}
.c-popup--writewx .c-input{height: 45px;}
.c-popup--writewx .c-input__field{width: 100%;height: 100%; box-sizing: border-box;text-indent: 10px;}
.c-popup--writewx .howmany{}

/*============= 会员中心 end =============*/

/*============= 字体版权查询 start =============*/
.copyrightbox{overflow:hidden;min-height:500px;max-width: 1280px;margin: 0 auto;clear:both;}
.copyright-head__headline{margin:20px auto;text-align:center;}
.copyright-head__title{display: block;font-size:50px;}
.copyright-head__sub{font-size:16px;letter-spacing:5px;}
.copyright-result{margin:20px auto;max-width: 1280px;text-align:center;}
.copyright-checkbtn{display: inline-block;margin:40px auto 20px auto;padding:0.8em 6em;border-radius:999px;font-size:22px;border:none;background:#F05D56;color:#fff;font-weight: bold;font-size:22px;}
.copyright-readme{font-size:16px;margin-top:15px;}
.copyright-readme span{display: inline-block;color:#fff;background:#519D00;padding:2px 10px;border-radius: 999px;}

.check-result{max-width: 800px;margin:40px auto 20px auto;}
.check-result__item{position: relative;padding:15px 20px;background: #fff;border-bottom:#eee 1px solid;font-size:16px;color:#222;text-align:left;}
.check-result__item:hover{background:#F6F6F6;}
.check-result__item b{font-weight: 400;}
.check-result__item em{position: absolute;right:20px;top:15px;font-style: normal;}
.check-result__item i{margin-left:5px;font-size:14px;color:#999;font-style: normal;}
/*============= 字体版权查询 start =============*/

/*============= 所有推荐字体页 start =============*/
.recoms-all{margin: 0 auto;}
.recoms-all .title{margin: 30px auto;}
.recoms-all .title h3{font-size: 28px;font-weight: bold;}
/*============= 所有推荐字体页 end =============*/


/*============= 作者专页 start =============*/
.authorheader{padding:80px 0;background: url(/images/topbarB.jpg) repeat-x center top;background-size: 100%;}
.authorheader__inner{max-width: 1280px;min-height: 100px;margin: 0 auto;position: relative;}
.author-box{padding-left: 120px;}
.author-avatar{width: 100px;height: 100px;position: absolute;top:0;left:0;}
.author-avatar img{border-radius: 10px;}
.author-name{color: #222;font-weight: bold;}
.author-say{margin: 10px 0;}
.author-contact .iconfont{font-size: 26px;}
.author-contact a,
.author-contact a:visited{display: inline-block;position: relative;}
.author-data{position: absolute;right: 0;top: 10px;}
.author-data .c-column__item{text-align: center; vertical-align: middle;padding:0 20px;}
.author-data .field{display: block;}
.author-data strong{color: #EF574F;font-size: 30px;}
.author-qrcode{position: absolute;left:50%;top:-20px;transform: translateX(-50%);}
.author-qrcode .item{display: inline-block;padding:3px;background: #fff;text-align: center;border-radius: 5px;box-shadow:0 0 10px rgba(0,0,0,0.1);}
.author-qrcode .item:first-child{margin-right: 15px;}
.author-qrcode img{width: 120px;height: 120px;}
.author-visitor{position: absolute;top:-60px;right:0;font-size: 12px;padding:5px 15px;background: rgba(255,255,255,0.8);border-radius: 999px;}
.qrcode-title{font-size: 12px;padding-bottom:5px;}
.title--authorhome{margin: 40px auto;}
.title--authorhome .iconfont,
.title--authorhome .txt{display: inline-block;vertical-align: middle;}
.title--authorhome .iconfont{color:#EF574F;font-size: 42px; }
.title--authorhome h3{font-weight: bold;font-size: 28px;}

.author-suingle{position: relative;background: #f9fdff;height: 130px;border:#c9e5f8 1px solid;border-radius: 10px;margin-bottom: 15px;}
.author-suingle .author-avatar{top:15px;left:15px;}
.author-suingle .author-avatar img{margin: 0;}
.author-suingle .author-box{overflow: hidden;padding-left: 130px;}
.author-suingle .author-name{margin-top: 15px;margin-bottom: 10px;}
.author-suingle .c-button__txt{font-size: 13px;padding:4px 15px;}
.author-suingle .c-button--color{background-color:#EE564F ;border-color: #EE564F;}
.author-suingle .c-button--color:hover{background-color:#CD0205 ;border-color: #CD0205;}
.author-suingle .author-data{top:35px;right: 10px;}
.author-suingle .author-data a,
.author-suingle .author-data a:visited{color:#EE564F}
.author-suingle .author-data a:hover{color:#CD0205}

/*============= 作者专页 end =============*/

/*============= 字库教程 strat =============*/
.docs-template-default .header{margin-bottom:0;}
.docs-template-default .breadcrumbs,
.docs-template-default .orbui{display: none;}

.cards-sprite{overflow: hidden;background: #fff;border-radius: 10px;}

.cards-sprite .c-body{padding:25px;}
.cards-sprite .title{margin: 20px 25px 0 25px;}
.cards-sprite .title h3{font-size: 22px;}
.iconcard{display: table;width: 100%;border-radius: 10px;color: #323232;padding:10px 0;background: #f0f6ff;position: relative;}
.iconcard:hover{box-shadow:0 0 12px rgba(0,0,0,0.1);}
.iconcard__col{display: table-cell;}
.iconcard__col:first-child{vertical-align: middle;width: 80px;text-align: center;}
.iconcard__icon img{width: 56px;}
.iconcard__title,
.iconcard__intro{display: block;}
.iconcard__title{font-size: 14px;margin-top: 7px;}
.iconcard__intro{font-size: 12px;margin-top: 3px;color:#999}
.iconcard__btn{position: absolute;top:50%;right:5%; transform: translateY(-50%);display: inline-block;background: #FEF3E9;font-size: 12px;padding:5px 10px;border-radius: 3px;color: #F05850;}
.iconcard__btn:hover{background: #F05900;color:#fff;}
.iconcard--software{background: #fff;padding:20px 0;margin-bottom:25px;}
.iconcard--software .iconcard__title{font-weight: bold;margin-bottom: 5px;}
.iconcard--software .iconcard__col:first-child{vertical-align: middle;width: 90px;text-align: center;}

.lessons-sprite{margin-top: 30px;}
.lessons-sprite .title{margin-bottom: 30px;}
.lessons-sprite .title h3{font-size: 30px;font-weight: bold;}
.mcard{overflow: hidden;display: block;background: #fff;border-radius: 10px;margin-bottom: 25px;padding:15px;min-height: 100px;}
.mcard:hover{box-shadow:0 0 12px rgba(0,0,0,0.1);}
.mcard .item-img img{width: 100%;border-radius: 10px;}
.mcard .item-title{line-height: 1.8;height: 55px;margin:10px auto 0 auto;font-weight: bold;box-sizing: border-box;}
.mcard .item-excerpt{overflow: hidden;line-height: 1.7;font-size: 12px;height: 53px;background: #FAFAFA;padding:8px;box-sizing: border-box;}

.software-sprite{margin: 30px auto;}
.software-sprite .title{margin-bottom: 30px;}
.software-sprite .title h3{font-size: 30px;font-weight: bold;}

@media(max-width:768px){
    .adbox{display: none;}
    .mk-brand__promo{display: none;}
    .widget_media_image{display: none;}
    .author-suingle{display: none;}
}
/*============= 字库教程 end =============*/


/*============= 视频教程专题页 start =============*/
.container--videos{min-height: 600px;}
.container--videos a,
.container--videos a:visited{color:#222;}
.container--videos a:hover{color:#EF574F;}
.container--videos .title{margin-bottom: 30px;}
.container--videos .title h3{font-size: 30px;font-weight: bold;}
.archive-videos{margin-bottom: 30px;}
.course{background: #fff;box-shadow:0 0 8px rgba(0,0,0,0.1);border-radius: 10px;padding: 30px 270px 30px 40px;height: 400px;position: relative;margin-bottom: 30px;}
.course-thumbnail{position: absolute;right: 30px;top:50%;transform: translateY(-50%);}
.course-thumbnail img{width: 217px; height: 310px;border-radius: 15px;}
.course-excerpt{font-size: 12px;color:#999;margin:10px auto;padding: 10px 0;border-bottom: #eee 1px solid;border-top: #eee 1px solid;}
.course h2{overflow: hidden;height: 60px;line-height: 30px;font-size: 20px;}
.course h3{font-size: 14px;background: #F9F9F9;padding:10px;margin: 8px auto;}
.course h3.more a,
.course h3.more a:visited{color: #999;}
.course h3.more a:hover{color:#EF574F;}
.space-hide{display: none;}



.areabox--category{margin-bottom: 25px;}
.areabox--category .container{position: relative;margin-top: -80px;padding:30px 0;}
.areabox--category .areabox-thumbnail{position: relative;text-align: center;}
.areabox--category .areabox-thumbnail img{position: relative;width: 160px; height: 230px;border-radius: 10px;margin-top: -60px;}
.areabox--category .c-column__item{vertical-align: top;}
.areabox--category .c-column__item--thum,
.areabox--category .c-column__item--other{width: 260px;text-align: center;}
.areabox--category .c-column__item--other strong,
.areabox--category .c-column__item--other span{display: block;}
.areabox--category .c-column__item--other strong{margin-top: 30px;font-family: Impact;}
.areabox--category .c-column__item--other span{margin-top: 5px;}
.areabox--category .head-title{font-size: 26px;font-weight: bold;margin-top: 10px;}
.areabox--category .areabox-excerpt{line-height: 1.8;margin-top: 20px;}

.container-videos-category{min-height: 600px;}
.container-videos-category .content,
.container-videos-category .sidebar-content{border-radius: 15px;}
.container-videos-category .content{padding:0 30px;}
.container-videos-category .article-rubric{font-size: 24px;font-weight: bold;padding:35px 0;}
.container-videos-category .video-chapter-list{list-style: none;border:#eee 1px solid;padding:0;margin: 0;}
.container-videos-category .video-chapter-list a,
.container-videos-category .video-chapter-list a:visited{display: block;padding:20px 20px 20px 60px;text-decoration: none;color:#666;font-size: 16px;position: relative;}
.container-videos-category .video-chapter-list a:hover,
.container-videos-category .video-chapter-list a:hover .fa{color:#F05B53;}
.container-videos-category .video-chapter-list li:nth-child(even){background-color: #f6f6f6;}
.container-videos-category .video-chapter-list .fa{position: absolute;left: 20px;top: 50%;transform: translateY(-50%);font-size: 22px;color:#999;}
.container-videos-category .archive-videos{margin-bottom: 15px;}
.container-videos-category .course {height: 200px;padding:10px 150px 10px 20px;}
.container-videos-category .course h2{font-size: 14px;height: 40px;line-height: 20px;margin:10px auto 5px auto;}
.container-videos-category .course h2 a,
.container-videos-category .course h2 a:visited{color:#333;text-decoration: none;}
.container-videos-category .course h2 a:hover{color:#F0574F;}
.container-videos-category .course-thumbnail {right: 20px;}
.container-videos-category .course-thumbnail img{height: 160px;width: 112px;}
.container-videos-category .course-excerpt{display: none;}
.container-videos-category .course h3{font-size: 12px;font-weight: normal;}
.container-videos-category .course h3 a,
.container-videos-category .course h3 a:visited{color:#999;text-decoration: none;}
.container-videos-category .course h3 a:hover{color:#F0574F;}

.side-ads img{border-radius: 15px;}
.sidebox{overflow: hidden;background: #fff;padding:20px;border-radius: 15px;margin-top: 20px;}
.sidebox--helper .sidebox__title{margin-bottom: 20px;}
.sidebox--helper  .row{margin: 20px auto;}
.sidebox--helper .col-lg-12{padding-left: 0;padding-right: 0;}
/*============= 视频教程专题页 end =============*/


/*============= fontra注册页 start =============*/
.container-wrap--fontra{margin-bottom: 25px;}
.container-wrap--fontra .container{background: #fff;border-radius: 15px;}
.fontra-register{max-width: 600px;margin: 0 auto;padding:60px 0;}
/*============= fontra注册页 start =============*/

/*============= AI造字页 start =============*/
.sref-header{text-align: center;color: #fff;background: url('/wp-content/custom-images/black_bg.jpg') no-repeat center top;background-size: cover;padding:70px 0 0 0;}
.sref-header H1{margin-bottom: 30px;font-size: 58px;font-weight: bold;letter-spacing: 0.2em;}
.sref-header H2{font-size: 20px;}
.sref-header .join-area{margin:30px auto 120px auto;}
.sref-header .join-area .c-button__txt{font-size: 18px;padding: 12px 60px;}
.sref-header .join-area .c-button--color{background-color: #E1504C;border-color: #E1504C;}
.sref-header .join-area .c-button--color:hover{background-color: #F05A00;border-color: #F05A00;}

.filter--aifonts .arow{padding-left: 70px;position: relative;}
.filter--aifonts .arow .filter__label{position: absolute;top:2px;left: 0;}
.filter--aifonts .arow--industry{margin-bottom: 0;}
.filter--aifonts .arow--industry .tag{margin-bottom: 8px;}
/*============= AI造字页 end =============*/